/*reset css*/
body,div,dl,dt,dd,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,textarea,blockquote,th,td{margin:0;padding:0;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
ol,ul {}
strong { font-weight:bold;}
em { font-style:italic;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
img{ padding:0; margin:0; border:0;}
a{ text-decoration:none;}
a:hover{ text-decoration:none;}

.cl{ clear:left; font-size:0px; height:0px;}
.cr{ clear:right; font-size:0px; height:0px;}
.cb{ clear:both; font-size:0px; height:0px; line-height:0px;}
.fl { float:left;}
.fr { float:right;}
.text_center {text-align: center;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml50 {margin-left:50px;}
.ml60 {margin-left:60px;}
.ml100 {margin-left:100px;}
.ml154 {margin-left:154px;}
.ml150 {margin-left:150px;}
.ml180 {margin-left:180px;}
.ml250 {margin-left:250px;}

.mr5{margin-right: 5px;}
.mr10 {margin-right :10px;}
.mr30 {margin-right :30px;}
.mr100 {margin-right :100px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top  :30px;}

.mb-25 {margin-bottom:-25px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}

.pr20{padding-right : 20px;}
.pr50{padding-right : 50px;}

.pl4{padding-left: 4px;}
.pl5{padding-left: 5px;}
.pl20{padding-left: 20px;}
.pl50{padding-left: 50px;}
.pl100{padding-left: 100px;}
.pl115{padding-left: 115px;}
.pb0{padding-bottom : 0px !important;}
.pb15{padding-bottom : 15px;}

.pt15{padding-top : 15px;}

.w40{width: 40px;}
.w50{width: 50px;}
.w80{width: 85px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w177{width: 177px;}
.w270{width: 270px;}
.w300{width: 300px;}
.w400{width: 400px;}
.w440{width: 440px;}
.w450{width: 450px;}
.w580{width: 580px;}
.w510{width: 510px;}
.w600{width: 600px;}
.w615{width: 615px;}
.w700{width: 700px;}
.w800{width: 800px;}
.w850{width: 850px;}
.w880{width: 880px;}
.w915{width: 915px;}
.w935{width: 935px;}
.w945{width: 945px;}
.w955{width: 955px;}

.h10{height: 10px;}
.h25{height: 25px;}
.h30{height: 30px;}
.h35{height: 35px;}
.h50{height: 50px;}
.h287{height: 287px;}

.s25{width: 25%;}
.s30{width: 30%;}
.s40{width: 40%;}
.s41{width: 41%;}
.s50{width: 55%;}
.s55{width: 55%;}
.s80{width: 80%;}
.s95{width: 95%;}
.s98{width: 98%;}
.s100{width: 100%;}

.fs20{font-size: 20px;}
.home_loading {height: 100px; padding-top: 100px; padding-bottom: 143px; width: 100%;}
.loading1{width: 100px; height: 100px;background-image:url(../images/loading1.gif);background-repeat: no-repeat; margin: auto; padding: auto;}
.loading{width: 16px; height: 16px;background-image:url(../images/loading.gif);background-repeat: no-repeat;}

.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.color_white{ background:#fff}
.color_main{color: #3B6C01;}
.color_red{color: red;}
.background_gray{background : #eeeeee; ;}
.text_centre{ text-align:center}
.text_centre_fire{text-align:center; text-align:-moz-center; !text-align:center;}
.text_left{ text-align:left}
.text_right{ text-align:right}
.underline {text-decoration:underline;}
.italic {font-style: italic;}
.display_none{display: none;}

.font_bold {font-weight: bold;}
.font_red {color: red;}
.font_gray {color: #4b4b4c;}

/*main*/
body {
    color: #484848;
    font-family: Verdana,sans-serif;
    font-size: 12px;
    margin: 0;
    min-width: 900px;
    padding: 0;
}

#wrapper {
    background: none repeat scroll 0 0 white;
}

#top-menu {
    background: none repeat scroll 0 0 #3E5B76;
    color: #FFFFFF;
    font-size: 0.8em;
    height: 1.8em;
    padding: 2px 2px 0 6px;
}

#account {
    float: right;
}

#top-menu ul {
    margin: 0;
    padding: 0;
}

#top-menu li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#top-menu a {
    color: #FFFFFF;
    font-weight: bold;
    margin-right: 8px;
}
a, a:link, a:visited {
    color: #116699;
    text-decoration: none;
}
a, a:link, a:visited {
    color: #116699;
    text-decoration: none;
}

#header {
    background-color: #628DB6;
    color: #F8F8F8;
    height: 5.3em;
    margin: 0;
    padding: 4px 8px 0 6px;
    position: relative;
}

#quick-search {
    float: right;
}

#header a {
    color: #F8F8F8;
}

h1, h2, h3, h4 {
    font-family: "Trebuchet MS",Verdana,sans-serif;
    margin: 0 0 10px;
    padding: 2px 10px 1px 0;
}

h1{
    font-size: 24px;
    font-weight: bold;
}

#main {
    background-color: #EEEEEE;
}

#main.nosidebar #content {
    border-right: 0 none;
    width: auto;
}

html > body #content {
    min-height: 600px;
}

#content {
    background-color: #FFFFFF;
    border-right: 1px solid #DDDDDD;
    margin: 0;
    padding: 6px 10px 10px;
    width: 75%;
    z-index: 10;
}

h2, .wiki h1 {
    font-size: 20px;
    font-weight: bold;
}

#content h1, h2, h3, h4 {
    color: #555555;
}

.splitcontentleft {
    float: left;
    width: 49%;
}

.splitcontentright {
    float: right;
    width: 49%;
}

.box {
    background-color: #F6F6F6;
    border: 1px solid #E4E4E4;
    color: #505050;
    line-height: 1.5em;
    margin-bottom: 10px;
    padding: 6px;
}

div.projects h3 {
    background: url("../images/projects.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

h3, .wiki h2 {
    font-size: 16px;
    font-weight: bold;
}

#footer {
    background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #BBBBBB;
    clear: both;
    color: #AAAAAA;
    font-size: 0.9em;
    padding: 5px;
    text-align: center;
}

html > body .tabular p {
    overflow: hidden;
}

.tabular p {
    clear: left;
    margin: 0;
    min-height: 1.8em;
    padding: 3px 0 3px 180px;
}

.tabular label {
    float: left;
    font-weight: bold;
    margin-left: -180px;
    text-align: right;
    width: 175px;
}

#user_login, #user_firstname, #user_lastname, #user_mail, #my_account_form select, #user_form select, #user_identity_url {
    width: 90%;
}

input, select {
    margin-bottom: 1px;
    margin-top: 1px;
    vertical-align: middle;
}

em.info {
    color: #888888;
    display: block;
    font-size: 90%;
    font-style: normal;
}

span.required {
    color: #BB0000;
}

#login-form table {
    background-color: #FFEBC1;
    border: 2px solid #FDBF3B;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5em;
    padding: 1em;
}

#login-form table td {
    padding: 6px;
    font-size: 12px;
}

#login-form label {
    font-weight: bold;
}

#login-form input#username, #login-form input#password {
    width: 300px;
}

form {
    display: inline;
}

#sidebar {
    float: right;
    margin: 0;
    padding: 0;
    position: relative;
    width: 22%;
    z-index: 9;
}

#sidebar h3 {
    color: #666666;
    font-size: 14px;
    margin-top: 14px;
}

.contextual {
    float: right;
    font-size: 0.9em;
    line-height: 1.4em;
    margin-top: 5px;
    padding-left: 10px;
    white-space: nowrap;
}

ul.projects.root {
    margin: 0;
    padding: 0;
}

ul.projects {
    margin: 0;
    padding-left: 1em;
}

#projects-index ul.projects li.root {
    margin-bottom: 1em;
}

ul.projects li {
    list-style-type: none;
}

#projects-index ul.projects div.root a.project {
    font-family: "Trebuchet MS",Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

li p {
    margin-top: 0;
}

div.wiki .external {
    background-image: url("../images/external.png");
    background-position: 0 60%;
    background-repeat: no-repeat;
    padding-left: 12px;
}

#projects-index ul.projects ul.projects {
    border-left: 3px solid #E0E0E0;
    padding-left: 1em;
}

ul.projects ul {
    padding-left: 1.6em;
}

#projects-index ul.projects li.child {
    margin-top: 1em;
}

ul.projects li {
    list-style-type: none;
}

#top-menu #loggedas {
    color: #FFFFFF;
    float: right;
    margin-right: 0.5em;
}

div.flash.notice {
    background: url("../images/true.png") no-repeat scroll 8px 5px #DFFFDF;
    border-color: #9FCF9F;
    color: #005F00;
}

div.flash {
    margin-top: 8px;
}

#errorExplanation, div.flash, .nodata, .warning, .conflict {
    border: 2px solid;
    font-size: 1.1em;
    margin-bottom: 12px;
    padding: 4px 4px 4px 30px;
}

.icon-passwd {
    background-image: url("../images/textfield_key.png");
}

.icon-del {
    background-image: url("../images/delete.png");
}

.icon {
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-bottom: 3px;
    padding-left: 20px;
    padding-top: 2px;
}

h4 {
    border-bottom: 1px dotted #BBBBBB;
}

h4, .wiki h3 {
    font-size: 13px;
    font-weight: bold;
}

#main-menu {
    bottom: 0;
    left: 6px;
    margin-right: -500px;
    position: absolute;
}

#main-menu ul {
    margin: 0;
    padding: 0;
}

#main-menu li {
    float: left;
    list-style-type: none;
    margin: 0 2px 0 0;
    padding: 0;
    white-space: nowrap;
}

#main-menu li a.selected, #main-menu li a.selected:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
}

#main-menu li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    margin: 0;
    padding: 4px 10px;
    text-decoration: none;
}

div.flash.error, #errorExplanation {
    background: url("../images/exclamation.png") no-repeat scroll 8px 50% #FFE3E3;
    border-color: #DD0000;
    color: #880000;
}

div.issues h3 {
    background: url("../images/ticket.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

div.members h3 {
    background: url("../images/group.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

.icon-time {
    background-image: url("../images/time.png");
}

.icon-add {
    background-image: url("../images/add.png");
}

legend {
    color: #484848;
}

.tabular label.floating {
    font-weight: normal;
    margin-left: 0;
    text-align: left;
    width: 270px;
}

#content .tabs {
    height: 2.6em;
    margin-bottom: 1.2em;
    overflow: hidden;
    position: relative;
}

#content .tabs ul {
    border-bottom: 1px solid #BBBBBB;
    bottom: 0;
    margin: 0;
    padding-left: 0.5em;
    position: absolute;
    width: 2000px;
}

#content .tabs ul li {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    list-style-type: none;
    margin-bottom: -1px;
    margin-right: 4px;
    position: relative;
    white-space: nowrap;
}

#content .tabs ul li a.selected {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #BBBBBB #BBBBBB #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #444444;
}

#content .tabs ul li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F6F6F6;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-image: none;
    border-style: solid;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-width: 1px;
    color: #999999;
    display: block;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.3em;
    padding: 4px 6px;
    text-decoration: none;
}

table.list {
    border: 1px solid #E4E4E4;
    border-collapse: collapse;
    margin-bottom: 4px;
    width: 100%;
    font-size: 12px;
}

table.list th {
    background-color: #EEEEEE;
    padding: 4px;
    white-space: nowrap;
}

.odd {
    background-color: #F6F7F8;
}

table.list td {
    vertical-align: top;
}

table.members td.roles, table.memberships td.roles {
    width: 45%;
}

table.list td.buttons {
    text-align: right;
    white-space: nowrap;
    width: 15%;
}

.buttons {
    font-size: 0.9em;
    margin-bottom: 1.4em;
    margin-top: 1em;
}

.icon-edit {
    background-image: url("../images/edit.png");
}

table.list td.buttons a {
    padding-right: 0.6em;
}

.icon-del {
    background-image: url("../images/delete.png");
}

div#tab-content-members fieldset legend, div#tab-content-memberships fieldset legend, div#tab-content-users fieldset legend {
    font-weight: bold;
}

div#tab-content-members fieldset label, div#tab-content-memberships fieldset label, div#tab-content-users fieldset label {
    display: block;
}

input#principal_search, input#user_search {
    background: url("../images/magnifier.png") no-repeat scroll 2px 50% transparent;
    border: 1px solid #9EB1C2;
    border-radius: 3px 3px 3px 3px;
    height: 1.5em;
    padding-left: 20px;
    width: 95%;
}

input#principal_search, input#user_search {
    width: 100%;
}

div#tab-content-members fieldset div, div#tab-content-users fieldset div {
    max-height: 400px;
    overflow: auto;
}

div#tab-content-members fieldset label, div#tab-content-memberships fieldset label, div#tab-content-users fieldset label {
    display: block;
}

div#tab-content-members fieldset, div#tab-content-memberships fieldset, div#tab-content-users fieldset {
    margin-bottom: 1em;
    padding: 1em;
}

fieldset {
    border: 1px solid #E4E4E4;
    margin: 0;
}

div#tab-content-members .splitcontentleft, div#tab-content-memberships .splitcontentleft, div#tab-content-users .splitcontentleft {
    width: 64%;
}

div#tab-content-members .splitcontentright, div#tab-content-memberships .splitcontentright, div#tab-content-users .splitcontentright {
    width: 34%;
}

table td {
    padding: 2px;
}

#ajax-indicator {
    background-color: #EEEEEE;
    border: 1px solid #BBBBBB;
    font-weight: bold;
    left: 40%;
    opacity: 0.5;
    padding: 0.6em;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 20%;
    z-index: 100;
}
html > body #ajax-indicator {
    position: fixed;
}
#ajax-indicator span {
    background-image: url("../images/loading.gif");
    background-position: 0 40%;
    background-repeat: no-repeat;
    padding-left: 26px;
    vertical-align: bottom;
}

.splitcontent {
    overflow: auto;
}

#attachments_fields span {
    display: block;
    white-space: nowrap;
}

#attachments_fields input.description {
    margin-left: 8px;
    width: 340px;
}

span.search_for_watchers, span.add_attachment {
    font-size: 80%;
    line-height: 2.5em;
}

span.search_for_watchers a, span.add_attachment a {
    background: url("../images/bullet_add.png") no-repeat scroll 0 50% transparent;
    padding-left: 16px;
}

span#watchers_inputs {
    display: block;
    overflow: auto;
}

span.search_for_watchers, span.add_attachment {
    font-size: 80%;
    line-height: 2.5em;
}

span.search_for_watchers {
    display: block;
}

div.news h3 {
    background: url("../images/news.png") no-repeat scroll 0 50% transparent;
    padding-left: 20px;
}

p.subtitle {
    font-size: 0.9em;
    font-style: italic;
    margin: -6px 0 12px;
}

div#activity dl, #search-results {
    margin-left: 2em;
}

div#activity dt, #search-results dt {
    background-position: 0 50%;
    background-repeat: no-repeat;
    line-height: 18px;
    margin-bottom: 0;
    padding-left: 20px;
}

#activity dt, .journal {
    clear: left;
}

dt.issue {
    background-image: url("../images/ticket.png");
}

div#activity dt.me .time {
    border-bottom: 1px solid #999999;
}

div#activity dt .time {
    color: #777777;
    font-size: 80%;
}

div#activity dd, #search-results dd {
    font-size: 0.9em;
    margin-bottom: 1em;
    padding-left: 18px;
}

div#activity dd span.description, #search-results dd span.description {
    color: #808080;
    display: block;
}

div#activity dd .description, #search-results dd .description {
    font-style: italic;
}

dt.news {
    background-image: url("../images/news.png");
}

dt.issue-closed {
    background-image: url("../images/ticket_checked.png");
}

dt.issue-edit {
    background-image: url("../images/ticket_edit.png");
}

.icon-time-add {
    background-image: url("../images/time_add.png");
}

.icon-fav-off {
    background-image: url("../images/fav_off.png");
}

.icon-copy {
    background-image: url("../images/copy.png");
}

div.issue {
    background: none repeat scroll 0 0 #FFFFDD;
    border: 1px solid #D7D7D7;
    margin-bottom: 6px;
    padding: 6px;
}

div.issue div.subject h3 {
    margin: 0 0 0.1em;
}

table.attributes {
    width: 100%;
}

div.issue table.attributes th {
    width: 22%;
}

table.attributes th {
    text-align: left;
    vertical-align: top;
}

div.issue table.attributes td {
    width: 28%;
}

table.attributes td {
    vertical-align: top;
}

table.progress td.todo {
    background: none repeat scroll 0 center #EEEEEE;
}

table.progress td {
    height: 1em;
}

p.pourcent {
    font-size: 80%;
}

table p {
    margin: 0;
}

table.progress {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    float: left;
    margin: 1px 6px 1px 0;
    text-align: center;
}

hr {
    background: none repeat scroll 0 0 #CCCCCC;
    border: 0 none;
    height: 1px;
    width: 100%;
}

.icon-comment {
    background-image: url("../images/comment.png");
}

#sidebar .contextual {
    margin-right: 1em;
}

fieldset.collapsible {
    border-width: 1px 0 0;
    font-size: 0.9em;
}

fieldset.collapsible legend {
    background: url("../images/arrow_expanded.png") no-repeat scroll 0 40% transparent;
    cursor: pointer;
    padding-left: 16px;
}

fieldset#filters table {
    border-collapse: collapse;
}

fieldset#filters table td {
    padding: 0;
    vertical-align: middle;
}

fieldset#filters tr.filter {
    height: 2.1em;
}

fieldset#filters td.field {
    width: 250px;
}

fieldset#filters td.operator {
    width: 170px;
}

fieldset#filters td.values {
    white-space: nowrap;
}

fieldset#filters td.add-filter {
    text-align: right;
    vertical-align: top;
}

.icon-checked {
    background-image: url("../images/true.png");
}

.icon-reload {
    background-image: url("../images/reload.png");
}

.icon-save {
    background-image: url("../images/save.png");
}

.autoscroll {
    margin-bottom: 1.2em;
    overflow-x: auto;
    padding: 1px;
}

a.sort {
    background-position: 100% 50%;
    background-repeat: no-repeat;
    padding-right: 16px;
}

a.sort.desc {
    background-image: url("../images/sort_desc.png");
}

table.list tbody tr:hover {
    background-color: #FFFFDD;
}

table.list tbody tr.group:hover {
    background-color: inherit;
}

tr.version td.name {
    padding-left: 20px;
}

tr.version td.date, tr.version td.status, tr.version td.sharing {
    text-align: center;
    white-space: nowrap;
}

#popup_version .tabular p {
    clear: left;
    margin: 0;
    min-height: 1.8em;
    padding: 3px 0 3px 80px;
}

#popup_version_edit .tabular p {
    clear: left;
    margin: 0;
    min-height: 1.8em;
    padding: 3px 0 3px 80px;
}

.icon-lock {
    background-image: url("../images/locked.png");
}

.icon-unlock {
    background-image: url("../images/unlock.png");
}

table.progress td.closed {
    background: none repeat scroll 0 center #BAE0BA;
}